<template>
	<view class="flex align-center fixed-bottom px-0 border-top rounded" style="height: 100rpx;">
		<input class="flex align-center flex-1 bg-light px-2" style="height: 100rpx;"
		type="text" placeholder="文明发言" v-model="content" @confirm="submit"/>
		<view class="iconfont icon-fabu font-lg flex align-center justify-center animated bg-light" 
		style="width: 100rpx;height: 100rpx;" hover-class="jello text-main" @click="submit"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				content: ''
			}
		},
		methods:{
			submit() {
				if (this.content == '') {
					return uni.showToast({
						title:'内容不能为空',
						icon:'none'
					})
				}
				this.$emit('submit', this.content)
				this.content = ''
			}
		}
	}
</script>

<style>
</style>
